/* Customize */

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic);


/* General */

html {
	background: #fff;
	color: #000;
}	

body, html {
	height: 100%;
}

* html #page {
    height: 100%;
}

body,
#newitem,
#newitem textarea,
.list, .list li {
	padding: 0;
	margin: 0;
}

body {
	padding: 0px;
}

html,
#newitem textarea,
.list textarea {
	font: 14px 'PT Sans', Arial, sans-serif;
}

a {
	color: #145acd;
}
a:hover {
	color: #a12c2c;
}

.list {
	list-style: none;
}

#header,
#footer,
#message {
	font: 11px Verdana;
}

#newitem .input textarea:hover {
	border-color: #b3b3b3;	
	box-shadow: 0 1px 1px #e5e5e5;
}	

.clear,
.clean,
label em,
#header .user a {
	background: url(icons.png) no-repeat;
}

#page,
.inpad {
	max-width: 780px;
	margin: 0 auto;
}
#page {
	min-height: 100%;
	margin-bottom: -40px;
}

#page .buffer {
	height: 50px;
}

#newitem {
	padding-top: 80px;
	padding-bottom: 10px;
	position: relative;
}

	#newitem .input {
		float: left;
		position: relative;
	}
	
	#newitem textarea,
	.list textarea,
	#clone {
		display: block;
		resize: none;
		border: 1px solid #cccccc;	
		border-radius: 2px;
		outline: none;
		overflow: hidden;
		min-height: 18px;
		background: none;
	}
	
		#newitem textarea {
			min-width: 250px;
		}
		
		#clone,
		#newitem textarea,
		.list textarea,
		.list .title textarea {
				padding: 8px;

		}
	
		#clone {
			position: absolute;
			padding-right: 38px;
			display: none;
			top: 50px;
			left: 0;
		}
		
		#newitem .input textarea:focus,
		.list textarea:focus		{
			border-color: #3091f2;
			box-shadow: 0 1px 1px #e5e5e5;	
			background: #fff;
		}
		
		#mic,
		.clear{
			position: absolute;
		}
		#mic {
			font-size: 14px;
			cursor: pointer;
			border: none;
			right: 10px;
			top: 8px;
			width: 16px;
			height: 16px;
			outline: none;
			background: transparent;
		}
		
		.clear {
			background-position: 0 -18px;
			display: block;
			width: 18px;
			height: 18px;
			top: 9px;
			right: 9px;
			display: none;
		}
		
		.clear:hover {	
			background-position: 0 -36px;
		}
		
.list {
	clear: both;
	padding-top: 20px;
}

	.list li {
		padding: 10px 0 10px 26px;
	}

    .list li.placeholder {
        padding: 0 0 0 26px;
    }

		.list li label{
			position: relative;
			display: inline-block;
			width: 16px;
			height: 16px;
			margin: 0 8px -4px -26px;
			background: #fff;
			border-radius: 2px;
			background: -webkit-linear-gradient(#f2f2f2, #e5e5e5);
			box-shadow: inset 0 1px 1px #666666;
		}

		.list li label:hover {
			background: -webkit-linear-gradient(#f5fcff, #e5e5e5);
		}
		
		.list li.title {
			font-weight: bold;
            padding: 0 0 0 0;

		}

        .list li.ui-drag-disabled {
            font-weight: bold;
            padding-left: 0;
        }

.list li label em {
			background-position: -100px 0;
			position: absolute;
			display: block;
			width: 18px;
			height: 18px;
			top: -2px;
			left: 0px;
		}		
			.list li label:active em {
				background-position: 0 0;
			}
			
			.list.completed li label em {
				background-position: -2px 0;
			}
			
		.list.completed {
			color: #a6a6a6;
		}
		
			.list.completed li label{
				background: none;
				border-color: #fff;
				box-shadow: none;
				opacity: .5;
			}
			
			.list.completed li .clean{
				display: inline-block;
				margin-bottom: -4px;
				width: 20px;
				height: 20px;
				opacity: 0;
			}
			
				.list.completed:hover li .clean{
					opacity: .2;				
				}
			
				.list.completed li .clean:hover{
					background-position: -18px -18px;
					opacity: .4;				
				}
			
				.list.completed li .clean,
				.list.completed li .clean:active{
					background-position: -18px 2px;
				}
		
		.list textarea {
			padding-left: 35px;
			margin-left: -34px;
			margin-top: -27px;
			margin-bottom: -9px;
            display: none;
		}		
		
		.list li.title textarea {
			margin-left: -9px;
			margin-top: -9px;
			font-weight: bold;
		}
		
		.list li em {
			color: #999999;
		}		
		
			.list li.due em {
				color:#e54545;
			}

        .list li.editing > textarea {
            display: block;
        }
        .list li.editing > em,
        .list li.editing > span {
            display: none;
        }
 ul.list li ul.items {
        list-style: none;
        padding:0px !important;
    }
ul.list li ul.items li {
    font-weight: normal !important;
}

 ul.list li ul.items textarea {
        /*padding-left: 35px;*/
       /* margin-left: -34px;*/
        margin-top: -27px;
        margin-bottom: -9px;

    }

#return {

	display: none;
	
}

#message {
    display: none;
	position: absolute;
	width: 100%;
	top: 40px;
	left: 0;
	z-index: 10;
}

#message .center {
	position: relative;
	left: 50%;
	float: left;
}

#message .content {
	background: #ffee99;
	position: relative;
	right: 50%;
	float: left;
	padding: 6px 8px;
	
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-bottomright: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
}

#footer {
	max-width: 780px;
	margin: 0 auto;
	color: #808080;
}

#header {
	background: #1a1a1a;
	color: #fff;
	height: 40px;
	z-index: 10;
	position: absolute;
	top: 0;
	width: 100%;
}

	#header .logo {
		background: url(toddo.png) no-repeat;
		display: block;
		float: left;
		width: 75px;
		height: 40px;
	}
	
	#header .user {
		float: right;
		line-height: 40px;
	}
			
		#header .user a {
			display: inline-block;
			background-position: -18px -37px;
			width: 16px;
			height: 16px;
			overflow: hidden;
			margin-bottom: -3px;
			text-indent: -100px;
			opacity: .5;
		}
		
			#header .user a:hover {
				opacity: 1;
			}
			
/* Responsive */	
	
@media only screen and (max-width: 380px) {

}
